<!DOCTYPE html>
<html lang="en">
<head>
    
    <title>Book your Hotel</title>
</head>
<body>
    <a id="top">首部</a><br>
    <!-- Heading Tag -->
    <h1>The Largest Font Heading - h1</h1>
    <h2>This is H2</h2>
    <h3>This is H3</h3>
    <h4>This is H4</h4>
    <h5>This is H5 </h5>
    <h6>This is H6</h6>

    <!-- Adding Paragraphs in Web Page -->
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Soluta perferendis voluptatibus dignissimos provident. Illo esse recusandae eius deserunt quaerat est molestiae, dolor, repellat facere sed non explicabo. At, ad distinctio.</p>
     
    <!-- Details Tag -->
    <details>
        <summary>The Details of Rooms</summary>
        <P>We provide standard rooms, triple or family rooms, deluxe rooms, and suite</P>

</DETAILS>

<!-- To use Span Tag and DIV tag -->
<div>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed nihil perferendis sit, atque tenetur vitae fugit at excepturi velit deleniti animi assumenda quasi, neque explicabo amet in, a nobis quae?</p>
    <p>This is a hotel Booking website</p>
    <P>This is a <span style="color:red;font-weight:bold">Hotel Booking </SPAN> Website.</P>
        <div>
            <!-- Formatting a Web Page -->
            <p><b>This is a B tag</b></p>
            <p><i>This is a I tag -- and this is a Italic tag</i></p>
            <p><u>This is u tag- Underline text</u></p>
            <p>This is a long paragraph and we want to break a this line. <br> this line will get break</p>
            <hr>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus ipsam fugit explicabo repudiandae eos expedita id voluptatum modi alias nulla voluptate ut, ea in temporibus. Consequatur omnis ratione maiores doloremque!</p>
        </div>

        <div>
            <p>the types of Hotel</p>
            <li>
                <ol type="A">
                    <li>Hotel 1</li>
                    <li>Hotel 2</li>
                    <li>Hotel 3</li>
                </ol>
                <ul type="square">
                    <li>Hotel 1</li>
                    <li>Hotel 2</li>
                    <li>Hotel 3</li>
                </ul>
                <dl>
                    <dt>Term 1</dt>
                    <dd>This is a term 1</dd>
                    <dt>Term 2</dt>
                    <dd>This is a term 2</dd>
                </dl>
            </li>

        </div>
</div>
<a href="#top">点我回到首部</a>
</body>
</html> 
